//全局vw百分比
@function screenVw($vw) {
    @return $vw*1vw;
}

.windowAlert {
    position: relative;
    padding: 1.4vw;

    .bg-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .header-img {
        width: 22vw;
        height: 13vw;
    }

    h2 {
        color: #50EEFF;
        font-size: 1.2vw;
        font-weight: bolder;
        text-align: center;
        line-height: 1.5vw;
        margin: 0 0 .4vw 0;
    }

    .content {
        color: #50EEFF;
        font-size: 1vw;
        line-height: 1.8vw;
        font-weight: bold;
        display: flex;
        justify-content: space-between;
    }
}

.tooltip-modal {
    padding: 0.5vw 0.6vw;
    color: #ffffff;
    font-size: 1.1vw;
    line-height: 1.5vw;
}

select, option {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: none;
    outline: none;
    /*很关键：将默认的select选择框样式清除*/
    appearance: none;
    color: #ffffff;
    background: #333333;
    /*加padding防止文字覆盖*/
    padding-right: .14rem;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
    display: none;
}

::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性
    background-color: rgba(255, 255, 255, 0.05);
}

::-webkit-scrollbar { //滚动条的宽度
    width: 2px;
    height: 2px;
}

::-webkit-scrollbar-thumb { //滚动条的设置
    background-color: rgba(55, 159, 213, 0.5);
    background-clip: padding-box;
    min-height: 28px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #bbb;
}